$(function(){
//	资产包详情搜索部分开始

$('.state').on('click','span',function(){
	$(this).addClass('stateActive').siblings('span').removeClass('stateActive');
})

//searchText
    $('.search').bind('input propertychange',function(){
        $('.searchText').show();
        if($(this).val().length>17){
            $('.searchText').css({
                "margin-left":'-239px'
            })
        }
        if(0 == $(this).val().length){
            $('.searchText').hide();
        }
    })
$('.search').focus(function(){
	$(this).css({
		"border":"1px solid #2194f1"
	})
})
$('.search').blur(function(){
	$('.searchText').hide();
	$(this).css({
		'border':"1px solid #e2e2e2"
	})
})
//	资产包详情搜索部分结束
	$('.myBagListBox .top').on('click','button',function(){

		$(this).addClass("myactive").siblings('button').removeClass("myactive");
	})

//	资产包详情列表结开始
	//input选择样式控制
	$('.mytable tr').on('click','.choiceimg',function(){
		$(this).toggleClass("choiceimgtrue");
	})
//		//分页
//		$("#page").paging({
//
//			pageNo:1,//当前显示第几页
//			pageTotal:10 ,//每页显示几条数据
//			totalPage: 111,//总共几页
//			totalSize: 300,//总共几条数据
//			callback: function(num) {
////				alert(num)
////				console.log($('.pageT'))
//			}
//		})
	$('#list').on('click',function(){
		console.log('list')
		var str = $('.pageTotalBox').css('display')
		if('none' == str ){
			var height = $('.pageTotalBox').height() + 'px'
		}else{
			$('.page_div').css({'margin-bottom':'20px'})
		}
		$('.pageTotalBox').show();
	})

	$('.pageTotalBox').on('click','li',function(e){
		window.event? window.event.cancelBubble = true : e.stopPropagation();
		$(this).addClass('pageActive').siblings().removeClass('pageActive');
		$('.number').html($(this).html());
		$(this).parent().toggle('display')
	})
	$('.listPage').on("click",'a',function(){
		$(this).addClass('current').siblings().removeClass('current')
	})
	    /*
		// 模拟ajax数据用以下方法，方便用户更好的掌握用法
		//参数为当前页
		ajaxTest(1);

		function ajaxTest(num) {
			$.ajax({
				url: "table.json",
				type: "get",
				data: {},
				dataType: "json",
				success: function(data) {
					console.log(data);
					//分页
					$("#page").paging({
						pageNo: num,
						totalPage: data.totalPage,
						totalSize: data.totalSize,
						callback: function(num) {
							ajaxTest(num)
						}
					})
				}
			})
		}
		*/
//	资产包详情列表结束

// table的高亮显示#2194f1
	$(".mytable").on("click",'tr td',function(){
		$(this).parent().find('td:first').addClass("boder-left").end().siblings().find('td:first').removeClass('boder-left');
		$(this).parent().find('td:last').addClass("boder-right").end().siblings().find('td:last').removeClass('boder-right');
		$(this).parent().find('td').addClass("border-top-Bottom").end().siblings().find('td').removeClass('border-top-Bottom');
		
	})


//头部交换逻辑
	 $(document).on('scroll',function(){
	 	//一键置顶
		if($(window).height() < getScrollTop()) {
			$('.clicktop').show();
		} else {
			$('.clicktop').hide();
		}
	 })
	 $(document).on('scroll',function(){
	 	var w = $(window).width()+6; //屏幕宽
		var w1 = $('.myProject .row').outerWidth();   // 包裹曾宽度
		var w2 = (w - w1)/2; //定位到左边的偏移量
	 	if(434 < getScrollTop()){
			$(".mytable .thead-fixed tr th").each(function(index,list){
				 $(this).width($(".mytable .thead-normal").find(">tr>th").eq(index).width());
			});
			$(".mytable .thead-fixed").css({
				 'display':'block'
			});
			$(".mytable .thead-normal").css({
				'display' : '0' ,
			});
			$(".mytable .thead-normal").addClass('tableThBorder');
	 		var width = $('.mytable .thead-fixed').width()+1;
	 		$('.revise').addClass('reviseFixe').width(width);
	 		$('.mytable').addClass('reviseFixeNext');

//			var  width = $('.mytable').find('tr').width();
		
			
	 	}else {
	 		$('.revise').removeClass('reviseFixe').removeClass('reviseFixeNext');
	 		$('.mytable').removeClass('reviseFixeNext');
//	 		$(".mytable .thead-fixed").css({
//					'opacity' : '0' 
//			});
		  $(".mytable .thead-normal").removeClass('tableThBorder');
			$(".mytable .thead-normal").css({
					'opacity' : '1' 
			});
			$(".mytable .thead-fixed").hide()
	 	}
	 	
	 	
	 	
	 	
//	 	if(442 < getScrollTop()){
//	 		var width = $('.mytable').width()+2
//	 		$('.revise').addClass('reviseFixe').width(width);
//	 		$('.mytable').addClass('reviseFixeNext');
//	 	}else {
//	 		$('.revise').removeClass('reviseFixe').removeClass('reviseFixeNext');
//	 		$('.mytable').removeClass('reviseFixeNext');
//	 	}
//	 	
//	 	var w = $(window).width(); //屏幕宽
//		var w1 = $('.myProject .row').outerWidth();   // 包裹曾宽度
//		var w2 = (w - w1)/2; //定位到左边的偏移量
//	 	
//		//  屏幕滚动到表格头部 固定
//			if (getScrollTop() >= 463 ){
//				var  width = $('.mytable').find('tr').width();
//				$(".mytable .thead-fixed").css({
//					 'display' : 'block' ,
//					 'width':width
//				});
//				$(".mytable .thead-fixed tr th").each(function(index,list){
//					 $(this).width($(".mytable .thead-normal").find(">tr>th").eq(index).width());
//				});
//				$(".mytable .thead-normal").css({
//					'opcity' : '0' ,
//				});
//				}else{
//					$(".mytable .thead-fixed").css({
//						'display' : 'none'
//					});
//					$(".mytable .thead-normal").css({
//						'opcity' : '1' ,
//					});
//				}	
	 	
	 })
	 function getScrollTop() {
	        var scrollPos;
	        if (window.pageYOffset) {
	        scrollPos = window.pageYOffset; }
	        else if (document.compatMode && document.compatMode != 'BackCompat')
	        { scrollPos = document.documentElement.scrollTop; }
	        else if (document.body) { scrollPos = document.body.scrollTop; } 
	        return scrollPos; 
	}

})
